<!doctype html>
<html lang="en">	
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>05-选择器初级和背景详解-node</title>
		<link rel="stylesheet" href="../css/node-public.css">
	</head>
	<body>
		<div id="box">
			<h1>05-选择器初级和背景详解-node</h1>
			<a href="../confused is Blog/confused is Blog.html">首页</a>
		</div>
		<div id="main-box">
			<ul>
				<li>
					<h2>标签定义规范</h2>
					<span>1、html标签是可以大写的，建议使用小写2、所有的标点符号以及括号等都必须是英文状态的输入3、标签的定义要从大到小排4、标签属性里必须用引号把值引起来5、标签必须正确闭合6、表现层和结构层分离</span>
				</li>
				<li>
					<h2>选择器初始</h2>
					<span>id   :  身份证号码，唯一性，权重性很高 class : 个人名字。规范：1、使用类选择器定义样式 2、类名称以字母开头 ，不能出现大写 3、 - 是连字符,不能出现下划线 css的书写顺序：布局定位属性 自身属性 文本属性 其他属性 CSS3属性</span>
				</li>
				<li>
					<h2>选择器初始类型</h2>
					<span>*   通配符选择器 id class tag（标签名称） div,p,a     群组选择器 用空格隔开的就是后代选择器    
				~除了自己选择其他兄弟 >自己没有后代 &lt;没有自己只有后代	选择器的原则：在不影响别人的情况下，准确的选择到元素</span>
				</li>
				<li>
					<h2>background</h2>
					<span>background  背景 background-color background-image url()   图片的路径 background-size  背景图片的大小 x auto  自动 px 100% y  auto   自动</span>
					<p>cover  :图片会缩放到全部填充满盒子，可能会造成图片一部分显示不出来。以短边为主</p>
					<p>contain ： 图片能缩放到全部显示在盒子里面，可能会造成盒子有一部分空白。以长边为主</p>
					<p>如果只定义了宽度，那么高度会按照比例自动缩放 如果只定义了高度，那么宽度会按照比例自动缩放 background-repeat  背景平铺 repeat   四个方向都平铺 no-repeat  不平铺 repeat-x   repeat-y  background-position  背景定位 x:正值往右，负值往左 center  水平居中 50% right  left y:正值往下，负值往上 center  垂直居中 50% top bottom 默认位置：left top / 0 0 如果只定义了一个方向的位置，那么另一个默认是center/50%	如果是关于位置的属性，都可以写负值</p>
				</li>
				<li>
					<h2>background-attachment</h2>
					<span>croll 滚动，随着盒子滚动 fixed   固定  复合属性写法background:#ff99cc url("images/1.jpg") 100px 100px/100px no-repeat;</span>
				</li>
			</ul>
		</div>
	</body>
</html>
